<template>
  <div class="dashboard-editor-container" style="padding: 0">
    <div style="width:100%;height: calc(100vh - 84px);display: flex;justify-content: center;align-items: center;" class="demo-image">
      <img src="../../../public/images/lab.jpg" style="width:55%;height:55%;background-size:100% 100%;background-repeat: no-repeat">
    </div>
  </div>
</template>

<script>
import request from '@/utils/request'

export default {
  name: 'Index',
  data() {
    return {
      dataList: null,
      browserUrl: this.$store.state.user.bigScreenUrl + 'appDownload/browser.png',
      airAppUrl: this.$store.state.user.bigScreenUrl + 'appDownload/airAppUrl.png',
      airAppUrlIos: this.$store.state.user.bigScreenUrl + 'appDownload/airAppUrlIos.png',
      smartAppUrl: this.$store.state.user.bigScreenUrl + 'appDownload/smartAppUrl.png',
      maintainAppUrl: this.$store.state.user.bigScreenUrl + 'appDownload/maintainAppUrl.png',
      airKeepAppUrl: this.$store.state.user.bigScreenUrl + 'appDownload/airKeepAppUrl.png'
    }
  },
  created() {
    this.handleFilter()
  },
  methods: {
    handleFilter: function() {
      listAir()
        .then(response => {
          this.airAppUrl = response.data.data.airAppUrl
          this.airAppUrlIos = response.data.data.airAppUrlIos
          this.smartAppUrl = response.data.data.smartAppUrl
          this.maintainAppUrl = response.data.data.maintainAppUrl
          this.airKeepAppUrl = response.data.data.airKeepAppUrl
        })
        .catch(() => {
          this.dataList = []
        })
    }
  }
}
export function listAir() {
  return request({
    url: '/data/area/getAppUrl',
    method: 'get'
  })
}
</script>
<style rel="stylesheet/scss" lang="scss" scoped>
.dashboard-editor-container {
  padding: 32px;
  background-color: rgb(240, 242, 245);
  .chart-wrapper {
    background: #fff;
    padding: 16px 16px 0;
    margin-bottom: 32px;
  }
}
</style>
